<template>
	<view>
		<view class="margin_top">
			<view class="pdl mainpadding ffffff" v-for="item in 3">
				<view class="flexbetween bghui radius mainpadding">
					<input type="text" class="hei_text bold main_size" placeholder="請選擇影廳" disabled="">
					<u-icon name="arrow-right" color="#999" size="16"></u-icon>
				</view>
				<view class="flexbetween margin_top">
					<view class="flexbetween radius bghui mainpadding" style="width: 48%;" @click="selectitemTime()">
						<input type="text" class="hei_text bold main_size" placeholder="請選擇開場時間" disabled v-model="time">
						<u-icon name="arrow-right" color="#999" size="16"></u-icon>
					</view>
					<view class="flexbetween radius bghui mainpadding" style="width: 48%;">
						<input type="number" class="huang_text bold main_size" placeholder="請輸入票價">
					</view>
				</view>
				<view class="margin_top flexright">
					<u-icon name="trash" color="#ff0000" size="16"></u-icon>
				</view>
			</view>
		</view>
		<timePicker :messageTime="messageTime" @timeConfirm="timeConfirm"></timePicker>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				messageTime: {
					timeShow: false,
					title: "上映時間",
					mode: "time"
				},
				time:"",
			}
		},
		methods: {
			selectitemTime(){
				this.messageTime.timeShow = true
			},
			timeConfirm(e) {
				this.time = e
			},
			jumpurl(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style>

</style>
